<template>
  <el-menu
    router
    default-active="2"
    background-color="#3f4c6b"
    text-color="#fff"
    active-text-color="#3cd3ad"
  >
    <el-menu-item>
      <h2>萤火商城后台管理系统</h2>
    </el-menu-item>
    <el-menu-item index="/dashboard">
      <i class="el-icon-s-data"></i>
      <span slot="title">统计图表</span>
    </el-menu-item>
    <el-submenu index="3">
      <template slot="title">
        <i class="el-icon-s-custom"></i>
        <span>用户管理</span>
      </template>
      <el-menu-item index="/user">用户列表</el-menu-item>
    </el-submenu>
    <el-submenu index="4">
      <template slot="title">
        <i class="el-icon-s-management"></i>
        <span>商品管理</span>
      </template>
      <el-menu-item index="/shops">商品列表</el-menu-item>
    </el-submenu>
  </el-menu>
</template>


<script>
export default {
  name: "Aside",
};
</script>

<style>
</style>